.pop-tip {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background-color: rgba(0,0,0,0.1);
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;			   /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-box-align: center;
	-ms-flex-align: center;

	-webkit-align-items: center;
	align-items: center;

	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	.tip-inner {
		width: 100px;
		height: 100px;
		padding: 10px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		border-radius: 5px;
		background-color: rgba(0,0,0,0.8);
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;			   /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		
		-ms-webkit-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		.spinner > div {
			background-color: #fff;
			width: 15px;
			height: 15px;
		}
		p {
			margin: 0;
		}
		.spinner + p {
			margin: 5px 0 0 0;
		}
	}
}